%a(href='#content' class='sr-only') Skip to main content

.navbar.navbar-default.navbar-fixed-top{role: 'navigation'}
  .container
    .navbar-header
      %button.navbar-toggle{ data: { target: '.navbar-collapse', toggle: 'collapse', type: 'button' } }
        %span.sr-only Toggle navigation
        %span.icon-bar
        %span.icon-bar
        %span.icon-bar
      .navbar-brand Web Console
    .navbar-collapse.collapse
      %ul.nav.navbar-nav
        %li{class: navbar_class(dicts_path)}= link_to 'Dict', dicts_path
        %li{class: navbar_class(results_path)}= link_to 'Results', results_path
        %li{class: navbar_class(console_index_path)}= link_to 'Console', console_index_path

      %ul.nav.navbar-nav.navbar-right
        %li.dropdown
          %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"}
            = current_user.email
            %span.caret
          %ul.dropdown-menu{:role => "menu"}
            %li= link_to 'Change details', edit_user_registration_path
            %li.divider
            %li= link_to 'Logout', destroy_user_session_path
